<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新聞動態詳細</title>
<script type='text/javascript' src="${ctx}/extends/jquery-1.7.2.min.js"></script>
<script type='text/javascript' src="${ctx}/pages/web/share.js"></script>
<script type="text/javascript">
	var ctx = "${ctx}";
	$.ajaxSetup({
		cache : false
	});
</script>

<style type="text/css">
html {
	min-height:500px;
}

body {
	background:url(${ctx}/pages/web/res/bg.png) center repeat-y;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0 none;
	min-height:500px;
}

div#container {
	margin: 0 auto;
	border: 0 none;
	padding: 0;
	text-align: center;
	width: 1024px;
}

div#content {
	margin: 0 auto;
	padding: 30px 0 0 0;
	width: 742px;
	min-height: 550px;
}
div#navigator {
	background:url(${ctx}/pages/web/res/navigator.png) center no-repeat;
	width:1024px;
	height:115px;
}
div#navigator ul {
	float:left;
	margin-left:350px;
	margin-top:-37px;
}
div#navigator ul li {
	float:left;
	text-align:center;
	list-style-type:none;
	margin:0;
	width:100px;
	border-left:#177b95 1px dotted;
}
div#navigator ul li a{
	text-decoration:none;
	color:#666666;
}
div#navigator ul li a:hover{
	text-decoration:none;
	color:#177b95;
}
div#footer {
	position: relative;
	background: url(${ctx}/pages/web/res/foot.png) center no-repeat;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 1024px;
	height: 85px;
}

div#tool {
	float: right;
	margin: -10px 10px 0 0;
	padding: 0;
	border: none 0;
	width: 220px;
}

div#tool p {
	float:right;
	padding:3px;
	cursor:pointer;
}

div#date {
	float: left;
	margin: 8px 0 0 15px;
	font-size: 14px;
	color: #15647a
}

div#detail {
	clear: both;
	background: url(${ctx}/pages/web/res/product_parameter.png) center bottom no-repeat;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: left;
	color:#666666;
}

.title {
	background: url(${ctx}/pages/web/res/about_line.png) center bottom no-repeat;
	padding-bottom: 15px;
	font-family: "宋体";
	font-size: 28.5px;
	color: #28c5de;
}
</style>
</head>

<body>
	<div id="container">
        <div id="navigator">
          <div style="margin-left:115px; width:155px; height:85px; cursor:pointer;"></div>        
          <ul>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a id="nav_news" href="${ctx}/pages/web/news/newsList.jsp?language=${language}">新聞動態</a>
	            </c:when>
	            <c:otherwise>
				  <a id="nav_news" href="${ctx}/pages/web/news/newsList.jsp?language=${language}">d-News</a>
	            </c:otherwise>
	          </c:choose>              
            </li>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a href="${ctx}/pages/web/product/product.jsp?categoryType=1&language=${language}">產品服務</a>
	            </c:when>
	            <c:otherwise>
				  <a href="${ctx}/pages/web/product/product.jsp?categoryType=1&language=${language}">d-Concept</a>
	            </c:otherwise>
	          </c:choose>              
            </li>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a href="${ctx}/pages/web/case/case.jsp?language=${language}">作品集</a>
	            </c:when>
	            <c:otherwise>
				  <a href="${ctx}/pages/web/case/case.jsp?language=${language}">Gallery</a>
	            </c:otherwise>
	          </c:choose>             
            </li>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=1">關於我們</a>
	            </c:when>
	            <c:otherwise>
				  <a href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=1">d-Magic</a>
	            </c:otherwise>
	          </c:choose>             
            </li>
            <li style="border-right:#177b95 1px dotted;">
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a id="nav_contact" href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=0">聯繫我們</a>
	            </c:when>
	            <c:otherwise>
				  <a id="nav_contact" href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=0">Contact us</a>
	            </c:otherwise>
	          </c:choose>            
            </li>
          </ul>
        </div>
		<div id="content">
			<div class="title">${news.newsTitle}</div>
			<div id="date">
			  <fmt:formatDate value="${news.newsDate}" var="newsDate"  type="date" pattern="yyyy-MM-dd hh:mm"/>
			  ${newsDate}
			 </div>
			<div id="tool">
				<p>
					<img src="${ctx}/pages/web/res/5.png" alt="分享到QQ空间" onClick="shareQzone('${news.newsTitle}', '' , '', '', '')" />
				</p>
				<p>
					<img src="${ctx}/pages/web/res/4.png" alt="分享到人人网" onClick="shareRR('${news.newsTitle}', '' , '')" />
				</p>
				<p>
					<img src="${ctx}/pages/web/res/3.png" alt="分享到開心網" onClick="shareKX('${news.newsTitle}', '' , '')" />
				</p>
				<p>
					<img src="${ctx}/pages/web/res/2.png" alt="分享到腾讯微博" onClick="shareToWb('${news.newsTitle}', '' , '', '')"/>
				</p>
				<p>
					<img src="${ctx}/pages/web/res/1.png" alt="分享到新浪微博" onClick="shareTSina('${news.newsTitle}', '' , '', '')"/>
				</p>
				<p style="font: '宋体'; font-size: 14px; color: #15647a; padding-top: 8px;">分享至：</p>
			</div>
			<div id="detail">${news.newsContent}</div>
		</div>
		<div id="footer">
			<p style="padding-top: 45px">copyright(c)2013 d-magic co.,ltd.
				All right reserved.design b</p>
		</div>
	</div>
</body>
<script type="text/javascript">
    $("#nav_news").css("color","#177b95");
	$("#navigator div").click(function(e) {
        window.location = ctx + "/pages/web/index.jsp";
    });  
</script>
</html>
